<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>up</title>
    <!-- BEGIN THEME STYLES -->
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href="css/star-rating.css" rel="stylesheet"/>
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">
    <!--olw-->
    <link href="css/owl.carousel.css" rel="stylesheet"/>
    <link href="css/owl.theme.css" rel="stylesheet"/>
    <!--Fancybox
	<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />-->
    <!-- Magnific Popup core CSS file -->
	<link rel="stylesheet" href="css/magnific-popup.css">
    <link href="css/mystyle.css" rel="stylesheet"/>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    <link href="css/mediastyle.css" rel="stylesheet"/>
    
	<!-- END THEME STYLES -->
	
</head>
<body>
	<!-- BEGIN HEADER -->
    <header>
		<div class="container_header">
        	<div class="row">
                <div id="menutop1" class="col-lg-12">
                	<nav class="navbar navbar-default" role="navigation"><!-- bs-example-navbar-collapse-1 -->
						<div class="container-fluid">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
											<div class="c_icon1"></div>
											<span class="c_caption1">CATEGORIES</span>
										</a>
										<ul class="dropdown-menu submenu" role="menu">
                                        	<li class="event"></li>
                                            <div class="c_submenu_chid">
                                                <ul> 
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="c_submenu_chid">
                                                <ul>
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
										</ul>
									</li><!--End dropdown categories-->
									<li>
										<form class="navbar-form navbar-left" role="search">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="type your course">
											</div>											
										</form>
									</li>
									<li class="logo"><a href="index.php"><img src="images/layout/logo.png"/></a></li>
								</ul>
								<ul id="menutop1_right" class="nav navbar-nav navbar-right">
                                	<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><div class="c_img_user">
                                        	<img src="images/layout/img_user.jpg"/>
                                        </div>Minh Bao</a>
										<ul class="dropdown-menu" role="menu">
                                        	<li class="event1"></li>
											<li>
												<a href="#">My Profile</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">My Course</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">Logout</a>
												
											</li>
										</ul>
									</li>
									<li>
										<a id="c_login_index" class="btn btn-default" href="#c_login_form">
                                        	LOGIN <span class="glyphicon login_icon"></span>
                                        </a>
                  
									</li>
                                    <li id="c_doidau" class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> <span id="c_dau1">></span><span id="c_dau2">v</span> English</a>
										<ul class="dropdown-menu" role="menu">
                                        	<li class="event1"></li>
											<li>
												<a href="#">English</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">Japanese</a>
											</li>
											<!--End English-->
										</ul>
									</li>                                   
								</ul>
							</div><!-- /.navbar-collapse -->
						</div><!-- /.container-fluid -->
					</nav><!--end bs-example-navbar-collapse-1 -->
              
                </div><!--End menutop1-->
            </div><!--End row-->
        </div><!--End container -->
    </header><!-- END HEADER -->
    
    <!-- BEGIN section -->
    <section id="section1">
   		<div class="container">
        	<div class="row">
            	<div id="section1_1" class="col-lg-6 col-md-6 col-sm-6">
                	<ul class="intro">
						<p>All memberships include...</p>
						<li class="">
							Unlimited Access 
							<p>Learn everything every time you want to learn from our entire library!</p>
						</li>
						<li class="">
							Thousand of course
							<p>Find what you need in our growing library!</p>
						</li>
						<li class="">
							On-the-go learning
							<p>Watch from your computer, tablet or mobile device. Switch back and forth as you choose</p>
						</li>
						<li class="">
							All skills level
							<p>From beginner to expert you'll find what you need</p>
						</li>
					</ul>
				</div><!--End section1_1-->
				
				<div id="section1_2" class="col-lg-6 col-md-6 col-sm-6 section1_2">
					<form role="form" class="form-horizontal pull-right login">
						<div class="form-group head-bar">
							<h4 class="t-s4-h2-1">
								<p class="t-color-id-1">Join <span class="t-color-bt">right now</span></p>
							</h4>
						</div>
						<div class="form-group">
							<label class="control-label col-xs-3">Full name</label>
							<div class="col-xs-8"><input type="text" class="form-control t-placeholder" placeholder="enter full name"/></div>
						</div>
						<div class="form-group">
							<label class="control-label col-xs-3">Email</label>
							<div class="col-xs-8"><input type="email" class="form-control t-placeholder" placeholder="enter email address"/></div>
						</div>
						<div class="form-group">
							<label class="control-label col-xs-3">Password</label>
							<div class="col-xs-8"><input type="password" class="form-control t-placeholder" placeholder="enter password"/></div>
						</div>
						<div class="form-group">
							<div class="col-xs-offset-3 col-xs-8">
								<a class="t-text-account" href="#">Already have an account? Login</a>
							</div>
						</div>
						<div class="form-group">
							<div class="col-xs-offset-3 col-xs-8">
								<div class="t-btn-group-login">
									<button class="btn btn-custom btn-default btn-sm editbtn" type="button">JOIN NOW</button>
								</div>
							</div>
						</div>
					</form><!--End form-->
				</div><!--End section1_2-->
            </div><!--End row-->
        </div><!--End container-->
    </section><!-- END SECTION1 -->
    
    <section id="section3"><!--section 3-->
   		<div class="container">
        	<div class="row">
                <div id="t-section4_1" class="col-lg-6 col-md-5 col-sm-4">
					<h2 class="t-s4-h2">
						<p class="t-color-id">Featured <span class="t-color-bt">Courses</span></p>
					</h2>
                    <div>
                    	<img class="t-img" src="images/layout/p1.jpg">
                    </div>
					<p class="t-fontsize1">Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicati ssimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi in mentitum theophrastus vis. </p>
					<div class="t-btn-group">
						<button class="btn btn-custom btn-default btn-sm editbtn" type="button">View All</button>
					</div>
				</div><!--End section-->
            	<div class="col-lg-6 col-md-7 col-sm-8">
                    <div id="owl" class="c_groub_thumnail">
                        <div class="thumbnail item">
                            <div class="img img_clock"></div>
                            <div class="text">
                                <h4 class="t-h4">Nemo enim ipsam</h4>	
                                <p class="t-fontsize small">Vim id causae iriure integre fugit lobortis </p>
                            </div>
                        </div>
                        
                        <div class="thumbnail item">
                            <div class="img img_pencil"></div>
                            <div class="text">
                                <h4 class="t-h4">Nemo enim ipsam</h4>	
                                <p class="t-fontsize small">Vim id causae iriure integre fugit lobortis </p>
                            </div>
                        </div>
                        <div class="thumbnail item">
                            <div class="img img_clock"></div>
                            <div class="text">
                                <h4 class="t-h4">Nemo enim ipsam</h4>	
                                <p class="t-fontsize small">Vim id causae iriure integre fugit lobortis </p>
                            </div>
                        </div>
                        
                        <div class="thumbnail item">
                            <div class="img img_pencil"></div>
                            <div class="text">
                                <h4 class="t-h4">Nemo enim ipsam</h4>	
                                <p class="t-fontsize small">Vim id causae iriure integre fugit lobortis </p>
                            </div>
                        </div>
                        <div class="thumbnail item">
                            <div class="img img_clock"></div>
                            <div class="text">
                                <h4 class="t-h4">Nemo enim ipsam</h4>	
                                <p class="t-fontsize small">Vim id causae iriure integre fugit lobortis </p>
                            </div>
                        </div>
                        
                        <div class="thumbnail item">
                            <div class="img img_pencil"></div>
                            <div class="text">
                                <h4 class="t-h4">Nemo enim ipsam</h4>	
                                <p class="t-fontsize small">Vim id causae iriure integre fugit lobortis </p>
                            </div>
                        </div>
                        <div class="c_btn_lick_thumnail">
                    	<div class="c_group_c_btn">
                            <div class="c_btn">
                                <a href="#"><img src="images/layout/btn_left.jpg"/></a>
                            </div>
                            <div class="c_btn">
                                <a href="#"><img src="images/layout/btn_right.jpg"/></a>
                            </div>
                        </div>
                    </div>
                    </div>
                    
                </div><!--End col-lg-6 col-md-8-->
            </div><!--End row-->
        </div>
    </section><!-- END SECTION3 -->
	
    <section id="section4">
    	<div class="container">
        	<div class="row">
            	<div class="col-lg-6 col-md-8 col-sm-8">
                	<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-6">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>							
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div>
						
						<div class="col-lg-6 col-md-6 col-sm-6">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>								
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div>

		                  
                    </div><!--End row-->
                </div><!--End col-lg-6 col-md-8-->
                <div id="t-section4_1" class="col-lg-6 col-md-4 col-sm-4">
					<h2 class="t-s4-h2">
						<p class="t-color-id">Newest <span class="t-color-bt">Courses</span></p>
					</h2>
                    <div>
                    	<img class="t-img" src="images/layout/p1.jpg">
                    </div>
					<p class="t-fontsize1">Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicati ssimi. Vocent tincidunt ea qui, id qui justo vidisse docendi, at mundi in mentitum theophrastus vis.</p>
					<div class="t-btn-group">
						<button class="btn btn-custom btn-default btn-sm editbtn" type="button">View All</button>
					</div>
				</div><!--End section4_1-->
			</div><!--End row-->
        </div><!--End container-->
    </section><!-- END SECTION4 -->
	
    <section id="t-section5">
    	<div class="container">
        	<div class="row">
            	<div class="col-lg-12">
                	<div class="container text-center t-teaser-text">
                  		<div class="row">
                        	<div class="col-lg-2">
                            </div>
                        	<div class="col-lg-8">
                                <h2 class="t-s4-h2">
                                    <p class="t-color-id">Suggested <span class="t-color-bt"> Courses By Us</span></p>
                                </h2>
                                <div>
                                    <img class="t-img" src="images/layout/p2.jpg">
                                </div>
                                <p class="t-fontsize1-s5">Vim id causae iriure integre, fugit lobortis salutandi qui at. Eros dolores tractatos vix ei, sonet errem qui te. Sed ut animal accusam delicati ssimi. Vocent tincidunt ea qui, id qui.</p>
                             </div>
                             <div class="col-lg-2">
                             </div>
                         </div>
					</div>
                </div><!--End col-lg-12-->
                
                <div class="col-lg-12">
                	<div class="row">
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>							
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->
						
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>							
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->						
						
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>								
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->
							
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>								
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->						
						
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>								
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->						
						
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>							
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->						
						
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>							
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->						
						
						<div class="col-lg-3 col-md-4 col-sm-4">
						   <div class="thumbnail">
								<div class="img img_clock"></div>
								<div class="text">
									<h4 class="t-h4">Nemo enim ipsam</h4>									
									<div class="c_group_start">
                                       		<form>  
                                                <input value="3.8" type="number" class="rating" min=0 max=5 step=0.2 data-size="lg">
                                            </form>
                                        </div>								
								</div>
								<div class="t-pt">
									<p class="t-price">$100 <span class="t-fontsize small text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instructor: Michael Korrs</span>  </p>                                  
								</div>
							</div><!--End thembnail-->							
						</div><!--End col-lg-3 col-md-4-->						

						
                    </div><!--End row-->
                </div><!--End col-lg-12-->  
            </div><!--End row-->
        </div><!--End container-->
		
        <div class="container">
        	<div align="center" class="row">
            	<button class="btn btn-custom1 btn-default btn-sm editbtn" type="button">View All</button>
            </div>
        </div>
    </section><!-- END SECTION5-->
	
    <section id="section6">
    	<div class="container">
    		<div class="row get_started">
                <div class="col-lg-4 col-md-4">
                	<h3>Ready to learn?</h3>
                </div>
                <div class="col-lg-5 col-md-5">
                	<p>// Vim id causae iriure integre, fugit lobortis salutandi qui at eros dol</p>
                </div>
                <div class="col-lg-3 col-md-3">
                	<div class="btn_get_start">
						<button class="btn btn-default btn-custom">Get Started</button>
					</div>
                </div>
        	</div>
        </div>
    </section><!--END SECTION6-->
       
    
    <footer><!-- BEGIN FOOTER -->
    	<div class="container">
			<div class="col-sm-3 copyright">
				<img class="logo1 img-responsive" src="images/layout/logo.png"/>
				<p>Copyright 2014 Dokusyu.com</p>
				<p>All Rights reversed.</p>
			</div><!--End copyright-->
			
			<div class="col-sm-6">
				<h4>Navigation</h4>
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">Technology</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Arts & Photography</a></li>
					</ul>
				</div>
				
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">About us</a></li>
						<li><a href="#">Terms and conditions</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Careers</a></li>
					</ul>
				</div>
			</div><!--End col-sm-6-->
			
			<div class="col-sm-3 contacts">
				<h4>Contacts</h4>
				<ul>
					<li class="font_MyriadPro"><span>Phone:</span>123 4567 890</li>
                    <li class="font_MyriadPro"><span>Email:</span><a href="#">support@dokusyu.com</a></li>
					<li class="social_icon">
						<a href="#" class="icon_fb"></a>
						<a href="#" class="icon_tw"></a>
						<a href="#" class="icon_in"></a>
						<a href="#" class="icon_ytb"></a>
					</li>
				</ul>
			</div><!--End col-sm-3-->
		</div><!--End container-->
    </footer><!-- END FOOTER -->
<div style="display:none"><!--Div chứa toàn bộ Pobup form--> 
    	<form role="form" id="c_login_form" method="post" action="">
			<div class="h_singup_content_bup">
				<div class="h_login_bup">
					 <div class="h_iconcloss"></div>
				</div> 
				<div class="col-lg-6 col-md-6 col-sm-6" >
					<div class="h_signin_form_left_bup">
						<p>Login by your social account</p>
						<div class="h_socialnetworks_signin">
							<a href="#"><div class="h_icon_f"></div></a>
							<a href="#"><div class="h_icon_google"></div></a>
							<a href="#"><div class="h_icon_tv"></div></a>
							<a href="#"><div class="h_icon_in"></div></a>
						</div>
						<div class="h_alrealy">
							 <p>Don’t have account?</p>
						</div><!--end h_alrealy--> 
						<div class="h_button_signup_bup">
							<button class="btn btn-primary" type="button">Sign up</button>
						</div>
					</div><!--end h_signin_form-left-->	
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6" >
					<div class="h_signin_form_right_bup">
						<p>Use your iManabi account</p>
						<div class="form-group">
							<label for="exampleInputPassword1">Email</label>
							<input type="email" class="form-control" id="exampleInputPassword1">
							<div class="h_icon_email_signin_bup"></div>
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>									
							<input type="password" class="form-control" id="exampleInputPassword1">
							<div class="h_icon_pass_signin_bup"></div>
						</div>
						<div class="form-group">
							<div class="c_btnlog">
								<button type="button" class="btn btn-default ">Login</button>
							</div>
							<div class="c_fyp">
								<a id="c_forget2" href="#c_forget_form">Forget your password?</a>
							</div>
						</div>
					</div><!--end h_signin_form_right-->
				</div>
			</div><!--end h_singup_content_form-->
		</form><!--End c_login_form-->
		
        <form role="form" id="c_signup_form" method="post" action="">
        	<div class="h_singup_content_bup1">
				<div class="h_login_bup1">
					<div class="h_iconcloss"></div>
				</div> 
				<div class="col-lg-6 col-md-6 col-sm-6" >
					<div class="h_signin_form_left_bup1">
						<p>Login by your social account</p>
						<div class="h_socialnetworks_signin">
							<a href="#"><div class="h_icon_f"></div></a>
							<a href="#"><div class="h_icon_google"></div></a>
							<a href="#"><div class="h_icon_tv"></div></a>
							<a href="#"><div class="h_icon_in"></div></a>
						</div>
						<div class="h_alrealy">
							 <p>Don’t have account?</p>
						</div><!--end h_alrealy--> 
						<div class="h_button_signup_bup">
							<button class="btn btn-primary" type="button">Sign In</button>
						</div>
					</div><!--end h_signin_form-left-->	
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">
					<div class="h_signin_form_right_bup">
						<p>Use your iManabi account</p><br>
						<div class="form-group">
							<label for="exampleInputPassword1">Full name</label>
							<input type="text" class="form-control" id="exampleInputPassword1">
							<div class="h_icon_name_signin_bup"></div>
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Email</label>
							<input type="email" class="form-control" id="exampleInputPassword1">
							<div class="h_icon_email_signin_bup"></div>
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>									
							<input type="password" class="form-control" id="exampleInputPassword1">
							<div class="h_icon_pass_signin_bup"></div>
						</div>
						<div class="form-group">
							<div class="c_btnlog">
								<button type="button" class="btn btn-default ">Sign up</button>
							</div>
							<div class="c_fyp">
								<a id="c_forget" href="#c_forget_form">Forget your password?</a>
							</div>
						</div>
					</div><!--end h_signin_form_right-->
				</div>
			</div><!--end h_singup_content_form-->
        </form><!--End c_signup_form-->
		
		<form role="form" id="c_forget_form" method="post" action="">   
			<div class="h_singup_content_forgot">
				<div class="h_login_forget">
					<h4>Forgot password</h4>
					<div class="h_iconcloss_forgot"></div>
				</div> 
				<div class="col-lg-12" >
					<div class="h_forgot">					
						<div class="form-group">
							<label for="exampleInputPassword1">Your email</label>
							<input type="email" class="form-control" id="exampleInputPassword1">
							<div class="h_icon_email_forgot"></div>
						</div>					
						<div class="form-group">
							<div class="c_btn_forget">
								<button type="button" class="btn btn-default ">Reset password</button>
								<span>or</span>
								<a href="#">login</a>
							</div>
						</div>
					</div><!--end h_forgot-->
				</div>
			</div><!--end h_singup_content_form-->
		</form><!--End c_forget_form-->       
	</div><!--End Pobup form-->
    <!-- BEGIN SCRIPT -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   	<!--start-->
    <script src="js/star-rating.js" type="text/javascript"></script>
    <!--table-->
    <script src="js/stupidtable.js"></script>
    <!--olw-->
    <script src="js/owl.carousel.js"></script>
   	<!--datepickker-->
    <script src="js/moment.min.js"></script>
    <script src="js/bootstrap-datetimepicker.min.js"></script> 
     <!-- fancyBox  
	<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>-->
    <!-- Magnific Popup core JS file -->
	<script src="js/jquery.magnific-popup.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/myjquery.js"></script>
	<!-- END SCRIPT --> 

</body>
</html>
